<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thylemeaf.com">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
  <title>汽车处理-首页</title>
  <link rel="stylesheet" href="res/layui/css/layui.css">
  <link rel="stylesheet" href="res/static/css/index.css">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<div th:replace="header::#nav_2"></div>
  <br>
  <br>
  <br>
  <br>
<div class="layui-container">
  <div class="layui-row">
  <div id="demo" class="carousel slide" data-ride="carousel">
    <!-- 指示符 -->
    <ul class="carousel-indicators">
      <li data-target="#demo" data-slide-to="0" class="active"></li>
      <li data-target="#demo" data-slide-to="1"></li>
      <li data-target="#demo" data-slide-to="2"></li>
    </ul>
    <!-- 轮播图片 -->
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img src="img/a1.png">
      </div>
      <div class="carousel-item">
        <img src="img/a2.png">
      </div>
      <div class="carousel-item">
        <img src="img/a3.png">
      </div>
    </div>
    <!-- 左右切换按钮 -->
    <a class="carousel-control-prev" href="#demo" data-slide="prev">
      <span class="carousel-control-prev-icon"></span>
    </a>
    <a class="carousel-control-next" href="#demo" data-slide="next">
      <span class="carousel-control-next-icon"></span>
    </a>
  </div>
  </div>
</div>
  <!-- main部分 -->
  <div class="main-product">
    <div class="layui-container">
      <p class="title">旧车置换新车<span>最专业的服务</span></p>
      <div class="layui-row layui-col-space25">
        <div class="layui-col-sm6 layui-col-md3">
          <div class="content">
            <div><img src="res/static/img/Big_icon1.png"></div>
            <div>
              <p class="label">旧车估价</p>
              <p>线下进行</p>
            </div>
            <a href="javascript:;">去了解一下 ></a>
          </div>
        </div>
        <div class="layui-col-sm6 layui-col-md3 ">
          <div class="content">
            <div><img src="res/static/img/Big_icon2.png"></div>
            <div>
              <p class="label">签定协议</p>
              <p>签定相关系列协议</p>
            </div>
            <a href="javascript:;">去了解一下 ></a>
          </div>
        </div>
        <div class="layui-col-sm6 layui-col-md3 ">
          <div class="content">
            <div><img src="res/static/img/Big_icon3.png"></div>
            <div>
              <p class="label">支付差额</p>
              <p>支付价格差额部分</p>
            </div>
            <a href="javascript:;">去了解一下 ></a>
          </div>
        </div>
        <div class="layui-col-sm6 layui-col-md3 ">
          <div class="content">
            <div><img src="res/static/img/Big_icon4.png"></div>
            <div>
              <p class="label">完成置换</p>
              <p>提取新车完成置换</p>
            </div>
            <a href="javascript:;">去了解一下 ></a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="main-service">
    <div class="layui-container">
      <p class="title">为客户打造完美的<span>专业服务</span></p>
      <div class="layui-row layui-col-space25 layui-col-space80">
        <div class="layui-col-sm6">
          <div class="content">
            <div class="content-left"><img src="res/static/img/home_img1.jpg"></div>
            <div class="content-right">
              <p class="label">1 对 1 指导</p>
              <span></span>
              <p>以客户要求，需求，作为我们最大的要求，1 对 1 指导，大幅提升效率。</p>
            </div>
          </div>
        </div>
        <div class="layui-col-sm6">
          <div class="content">
            <div class="content-left"><img src="res/static/img/home_img2.jpg"></div>
            <div class="content-right">
              <p class="label">大数据</p>
              <span></span>
              <p>我们大量汽车信息，未来可能实现大数据化，未来可期</p>
            </div>
          </div>
        </div>
        <div class="layui-col-sm6">
          <div class="content">
            <div class="content-left"><img src="res/static/img/home_img3.jpg"></div>
            <div class="content-right">
              <p class="label">互联网</p>
              <span></span>
              <p>我们的网站时刻更新，放心，别的网站有的，我们也有，别人网站没有的，我们也有</p>
            </div>
          </div>
        </div>
        <div class="layui-col-sm6">
          <div class="content">
            <div class="content-left"><img src="res/static/img/home_img4.jpg"></div>
            <div class="content-right">
              <p class="label">汽车</p>
              <span></span>
              <p>内容有待更新</p>
            </div>
          </div>
        </div>
      </div>
      <div class="service-more"><a onclick="window.location.href='dian.html'">点击开始估计</a></div>
    </div>
  </div>
  <!-- footer部分 -->
  <div class="footer">
    <div class="layui-container">
      <p class="footer-web">
        <a href="javascript:;">合作伙伴</a>
        <a href="javascript:;">汽车中心</a>
        <a href="javascript:;">汽车换新</a>
        <a href="javascript:;">更换零件</a>
        <a href="javascript:;">制造商</a>
        <a href="javascript:;">赞助商</a>
        <a href="javascript:;">广告</a>
      </p>
      <div class="layui-row footer-contact">
        <div class="layui-col-sm2 layui-col-lg1"><img src="res/static/img/erweima.jpg"></div>
        <div class="layui-col-sm10 layui-col-lg11">
          <div class="layui-row">
            <div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
              <p class="contact-top"><i class="layui-icon layui-icon-cellphone"></i>&nbsp;400-8888888&nbsp;&nbsp;(9:00-18:00)</p>
              <p class="contact-bottom"><i class="layui-icon layui-icon-home"></i>&nbsp;88888888@163.com</span></p>
            </div>
            <div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
              <p class="contact-top"><span class="right">该模板版权归 <a href="https://www.layui.com/" target="_blank">领导说的队</a> 所有</span></p>
              <p class="contact-bottom"><span class="right">Copyright&nbsp;©&nbsp;2016-2018&nbsp;&nbsp;ICP&nbsp;备888888号</span></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
<script src="res/layui/layui.js"></script>
<script>
  layui.config({
    base: '../res/static/js/' 
  }).use('firm'); 
</script>
</body>
</html>